@import "ng-devui/styles-var/devui-var.scss";

.me-2 {
  margin-right: 5px;
}

.mt-3 {
  margin-top: 8px
}
td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:host ::ng-deep [_nghost-ng-c2959026673] {
  line-height: none !important;
  padding-right: 0px !important;

  .devui-radio[_ngcontent-ng-c2959026673] .devui-radio-label[_ngcontent-ng-c2959026673] {
    color: var(--devui-text, #252b3a);
    font-size: var(--devui-font-size, 12px);
    margin-left: 0px !important;
  }
}

.devui-radio-material.active {
  border-width: 4px;
  border-color: $devui-brand;
}

.devui-radio-material {
  width: 16px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  border: solid 1px var(--devui-shape-icon-fill, #d7d8da);
  border-radius: var(--devui-border-radius-full, 100px);
  box-shadow: 0 transparent;
  transform: translateY(-1px);
  transition: border var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95));
}

/* 隐藏原生单选框 */
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* 创建自定义单选框 */
.custom-radio .checkmark {
  width: 16px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  border: solid 1px var(--devui-shape-icon-fill, #d7d8da);
  border-radius: var(--devui-border-radius-full, 100px);
  box-shadow: 0 transparent;
}

.custom-radio input:checked~.checkmark {
  border-width: 4px;
  border-color: $devui-brand;
}

.custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio input:checked~.checkmark:after {
  display: block;
}

.page-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}

.procduct-job {
  display: flex;
  align-items: top;
  background-color: inherit;

  .product-job-r {
    cursor: pointer;
    overflow-wrap: nowrap;
    padding: 5px 0;
    display: inline-block;

    div {
      &.jobNum {
        font-size: 13px;
        font-weight: 600;
        width: 200px;
      }

      &.productNum {
        width: 170px;
      }

      width: 170px;
      display: inline-block;
      vertical-align: top;
      margin-right: 20px;
      line-height: 23px;
    }
  }

  .icon {
    display: inline-block;
    line-height: 23px;
    margin: 6px 6px 0px 0px;
    font-size: $devui-font-size-modal-title;

    span {
      color: $devui-text;

      &.rotated {
        transform: rotate(90deg);
        transition: transform 0.3s ease;
      }
    }

  }
}

:host ::ng-deep devui-table tbody>tr>td.devui-sticky-left-cell {
  box-shadow: 7px 0px 12px -2px rgba(43, 42, 42, 0.1) !important;
}

:host ::ng-deep .devui-talbe-scorll-middle tr .devui-last-sticky-left-cell.job {
  background: none !important;
  box-shadow: none !important;
}

:host ::ng-deep .devui-talbe-scorll-right tr .devui-last-sticky-left-cell.job,
.devui-talbe-scorll-right th .devui-last-sticky-left-cell {
  background: none !important;
  box-shadow: none !important;
}

.d-input {
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
}

.d-submit {
  display: flex;
  flex-direction: row;
}
.overflow-ellipsis {
  width: 120px;
  height: 16px;
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
